<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>代理 proxy </h1>
		<p>vue3响应式原理的核心</p>
	<script>
	// 要被劫持的对象
		var obj = {
			price:100,
		}
	// 处理器
		var handle = {
			// 堆obj对象进行get 或者set的劫持
			get(target,propery){
				console.log(new Date().toLocaleString(),"康康又在看他两位数的钱包了")
				return target[propery]
			},
			set(target,propery,value){
				target[propery] =value;
				console.log("康的钱包变成"+value)
			}
		}
		// 生成代理对象 proxy
		var proxy = new Proxy(obj,handle)
		// price价格 handle处理 get获取 target目标  property属性 Locale本地 proxy代理
	</script>
	</body>
</html>
